<template>
  <div>
    <a-collapse default-active-key="1" :bordered="false">
      <template #expandIcon="props">
        <a-icon type="caret-right" :rotate="props.isActive ? 90 : 0" />
      </template>
      <a-collapse-panel key="1" :header="header" >
        <slot name="content"></slot>
      </a-collapse-panel>
    </a-collapse>
  </div>
</template>

<script>
export default {
  name: "pulldown",
  props:['header'],

}
</script>

<style scoped>
/deep/.ant-collapse-header{
  font-size: 16px!important;
  background-color: #FFFFFF !important;
}
/deep/.ant-collapse-content{
  background-color: #FFFFFF !important;
}
</style>